<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房屋装饰网</title>
    <style>
        a {
            text-decoration: none;
        }
    </style>
    <script>
        window.addEventListener('load', function() {
            document.querySelector('button').addEventListener('click', function() {
                document.querySelector('audio').removeAttribute('hidden');
            });
        });
    </script>
</head>

<body>
    <header>
        <form action="">
            <input type="text" placeholder="请输入关键字">
            <input type="submit" value="搜索">
            <a href="create.html">创建房屋</a>
        </form>
    </header>
    <nav>
        <a href="#">首页</a>
        <a href="#">房屋分类</a>
        <a href="#">注册</a>
        <a href="#">登录</a>
    </nav>
    <article>
        <section>
            <figure>
                <img src="7f815a6d1d462f36c7004de7b41e9924.jpg" alt="" width="100%">
                <figcaption>装饰设计主要在</figcaption>
            </figure>
        </section>
        <section>
            <figure>
                <img src="u=2480193655,1312620177&fm=26&gp=0.jpg" alt="" width="100%">
                <figcaption>装饰设计主要在</figcaption>
            </figure>
        </section>
        <section>
            <figure>
                <img src="7f815a6d1d462f36c7004de7b41e9924.jpg" alt="" width="100%">
                <figcaption>装饰设计主要在</figcaption>
            </figure>
        </section>
        <section>
            <audio src="玩笑模式.mp3" autoplay controls hidden="hidden"></audio>
        </section>
    </article>
    <footer>
        <button>加载更多</button>
    </footer>
</body>

</html>